﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>会员信息</title>
    @*引入包*@
    <link href="~/Content/Easy UI/themes/icon.css" rel="stylesheet" />
    <link href="~/Content/Easy UI/themes/default/easyui.css" rel="stylesheet" />
    <script src="~/Content/Easy UI/script/jquery-1.11.1.js"></script>
    <script src="~/Content/Easy UI/script/jquery.easyui.min.js"></script>
    <script src="~/Content/Easy UI/script/easyui-lang-zh_CN.js"></script>
    @*时间引用*@
    <script src="~/Content/Easy UI/script/Toolkit.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#MemCard").datagrid({
                fitColumns: true,
                toolbar: "#tb",
                pagination: true,
                singleSelect: true,
                rownumbers: true,
                url: "/MemCardsInfo/GetMemCardsIndex",
                columns: [[
                    { field: 'MC_CardID', title: '会员卡号', width: 222, align: "center" },
                    { field: 'MC_Name', title: '会员姓名', width: 222, align: "center" },
                    { field: 'MC_Mobile', title: '手机号码', width: 222, align: "center" },
                    { field: 'MC_TotalMoney', title: '累计消费', width: 222, align: "center" },
                    { field: 'MC_State', title: '会员卡状态', width: 222, align: "center" },
                    { field: 'MC_Point', title: '当前积分', width: 222, align: "center" },
                    { field: 'MC_Sex', title: '性别', width: 222, align: "center" },
                    {
                        field: 'MC_CreateTime', title: '登记时间', width: 222, align: "center", formatter: function (value, row, index)
                        {
                            return FormatJsonTime(row.MC_CreateTime);
                        }
                    },
                    { field: 'CL_LevelName', title: '当前等级', width: 222, align: "center" },

                ]]
            });
            //添加
            $(".insert").click(function () {
                $("#dlg").dialog({ width: 700, height: 500 }).dialog("setTitle", "新增会员").dialog("open");
                $("#frm1").attr("src", "/MemCardsInfo/MemCardsCreate");
            });
        })
    </script>
</head>
<body>
    <div id="tb">
        <a id="btn" href="javascript:" class="easyui-linkbutton insert" data-options="iconCls:'icon-add'">新增</a>
        <a id="btn" href="javascript:" class="easyui-linkbutton Up" data-options="iconCls:'icon-edit'">修改</a>
        <a id="btn" href="javascript:" class="easyui-linkbutton Delate" data-options="iconCls:'icon-remove'">删除</a>
        <a id="btn" href="javascript:" class="easyui-linkbutton Report" data-options="iconCls:'icon-lock'">挂失/锁定</a>
        <a id="btn" href="javascript:" class="easyui-linkbutton transfer" data-options="iconCls:'icon1'">会员转账</a>
        <a id="btn" href="javascript:" class="easyui-linkbutton crad" data-options="iconCls:'icon-reload'">会员换卡</a>
        <a id="btn" href="javascript:" class="easyui-linkbutton" data-options="iconCls:'excel-in'">导出Excel</a>
        <a id="btn" href="javascript:" class="easyui-linkbutton" data-options="iconCls:'icon2'">导入Excel</a><br />
        会员卡号：<input id="MC_CardID" type="text" style="width:60px;height:10px;border:1px solid gray ;" />
        会员姓名：<input id="MC_Name" type="text" style="width:60px;height:10px;border:1px solid gray ;" />
        电话：<input id="MC_Mobile" type="text" style="width:60px;height:10px;border:1px solid gray ;" />
        会员等级：<input id="CL_LevelName"  style="width:60px;height:20px;border:1px solid gray ;">
        状态：<input id="MC_State"  style="width:60px;height:20px;border:1px solid gray ;">
        <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">搜索</a>
    </div>
    <table class="easyui-datagrid" id="MemCard"></table>
    <div id="dlg" class="easyui-dialog" data-options="iconCls:'icon-save',resizable:true,modal:true,closed:true">
        <iframe id="frm1" width="99%" height="99%" frameborder="0"></iframe>
    </div>
</body>
</html>
